<template>
  <div class="had-bottome-round">
    <div class="hed-bottome">
      <div class="hed-botbox">
        <div class="hed-botlf">
          <div class="hed-botlf-box" v-if="date">{{ date }}期</div>
        </div>
        <div class="line"></div>
        <slot name="latestLotteryNumber" style="width: 100%"></slot>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  components: {},
  name: 'latest-lottery-number',
  props: {
    data: {
      type: String,
      default: '',
    },
  },
  data() {
    return {
      date: this.data,
    }
  },
  methods: {
    setData(date) {
      this.date = date
    },
  },
}
</script>
<style scoped lang="less">
@import url('@/assets/style/game/head.less');

.had-bottome-round {
  width: 100%;
  height: 100%;
  box-sizing: border-box;

  .hed-bottome {
    // background: white;
    margin: 2px;
    border-radius: 20px;

    .hed-botbox {
      width: 100%;
      height: 45px;

      display: flex;
      align-items: center;
      padding: 3px 10px;
      box-sizing: border-box;
      .hed-botlf {
        width: 112px;
      }
      .line {
        height: 80%;
        width: 2px;
        background: #e5f6ff;
        margin: 0 3px;
      }
    }
  }
}
</style>
